<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种使用样式表</title>
		<!--html部分-->
		<style>
			/*css注释方式*/
			/*css部分：选择器：抓住页面元素，元素增加效果
			           选择器{
						   属性：属性值;
						   属性：属性值;
					   }
			*/		   
			p{
				width: 200px;
				height: 200px;
				background: #e4393c; /*16进制*/
			}
		</style>
	</head>
	<body>
		<!--①内联样式表，叫做行内样式表【开发不用:没有真正实现内容与表现分离】
		    语法：前标记 style="属性：属性值;属性：属性值;..."
		-->
		<div style="width: 300px;height: 300px;background: red;"></div>	
		<!--② 内部样式表【开发不用：没有真正实现内容】
		      html部分：在head元素中，添加style元素
			  css部分：在style元素中，添加css样式
		-->
		<p>1111111111</p>
	</body>
</html>